<html>
    <head>
        <meta charset="UTF-8">
        <title>台碧-中农2024mc 皮肤站</title>
        <link rel="stylesheet" href="src/css/index.css">
    </head>

    <header>
        <div class="maintitle">
            <h1> 台碧-中农2024MC 换肤站 </h1>
        </div>
    </header>



    <body>

    <div class="change_button">
        <button id="showRegister">显示注册</button>
        &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
        <button id="showLogin">显示登录</button>
    </div>

    <div class="up_form" id="registerForm" style="display: none;">

        <form  action="check_in.php" method="get">

            <div class="username">
                <input type="text" name="username" placeholder="请输入你在MC中使用的名字">
            </div>

            <div class="change_code">
                <input type="text" name="change_code" placeholder="请创建一个你的修改码">
            </div>


            <button class="button_for_act" id="submit">注册</button>



        </form>
    </div>



    <div class="up_form" id="loginForm" style="display: block;">
        <form action="change_page.php" method="get">

            <div class="username">
                <input type="text" name="username" placeholder="请输入你在MC中使用的名字">
            </div>

            <div class="change_code">
                <input type="text" name="change_code" placeholder="请输入你的修改码">
            </div>

            <button class="button_for_act" id="submit">登录</button>


        </form>
    </div>


    <hr>

    作者：某4.0AI和HLTT携手共创

    </body>

    <div class="footer">
        <span>✦</span> encouraged by cau <span>✦</span> <!-- 使用星号符号作为装饰 -->
    </div>

    <script>
    document.getElementById('showRegister').onclick = function() {
        document.getElementById('registerForm').style.display = 'block'; // 显示注册表单
        document.getElementById('loginForm').style.display = 'none'; // 隐藏登录表单
    };

    document.getElementById('showLogin').onclick = function() {
        document.getElementById('loginForm').style.display = 'block'; // 显示登录表单
        document.getElementById('registerForm').style.display = 'none'; // 隐藏注册表单
    };
</script>




</html>